<template>
  <div>
    <ElDivider>分页设置</ElDivider>
    <ElForm :model="tablePage" label-width="50px">
      <ElFormItem prop="tablePage" label="分页">
        <ElSwitch v-model="tablePage.pagination" :inline-prompt="true" active-text="是" inactive-text="否"></ElSwitch>
      </ElFormItem>
    </ElForm>
  </div>
</template>

<script setup lang="ts" name="PaginationPanel">
import { ElDivider, ElForm, ElFormItem, ElSwitch } from "element-plus";
import { computed } from "vue";
const props = defineProps({
  designer: {
    type: Object
  }
});
const tablePage = computed(() => {
  return props.designer!.widget!.tablePage;
});
</script>

<style scoped></style>
